<template>
  <div id="school" class="person-detail">
    <div>
      <van-nav-bar :title="datas.app_name" :fixed="true" left-arrow @click-left="back" />
    </div>
    <div class="school-body">
      <div style="word-break:break-all" v-html="datas.appUrl"></div>
    </div>
    <div class="mine-out">
      <van-button type="default" @click="$router.push({path:'/work/specialService/applicationConfim'})">申请</van-button>
    </div>
  </div>
</template>
<script>
  export default {
    name: 'school',
    components: {},
    data() {
      return {
        datas: JSON.parse(localStorage['specialService'])
      }
    },
    computed: {},
    created() {},
    mounted() {},
    methods: {
      back() {
        this.$router.go(-1)
      },
    }
  }
</script>
<style lang="scss" scoped>
  #school {
    background: #fff;

    .school-body {
      font-size: 18px;
      padding: 20px;
    }

    .mine-out {
      padding: 50px 0;
      position: fixed;
      width: 100%;
      top: 85%;

      button {
        width: 80%;
        height: 80%;
        margin: auto;
        display: block;
        font-size: 20px;
        color: #fff;
        letter-spacing: 0;
        text-align: center;
        background: #DC4630;
        border-radius: 20px;
      }
    }
  }
</style>